body, html {
	margin: 0;
	padding: 0;
	height: 100%;
}

.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover{
	color: #3A5CEC;
}

#app {
	height: 100%;
	background: #f3f7fe;
}

/*收起按钮*/

.iconopenBox {
	position: absolute;
	width: 14px;
	left: 170px;
	height: 57px;
	top: 50%;
	margin-top: -23px;
	text-align: center;
	line-height: 57px;
	color: #fff;
	cursor: pointer;
	z-index: 5;
	background: url(../../../images/skin1/merchantmenuBtnBg1.png) no-repeat;
	background-size: 100%;
	transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	/* IE 9 */
	-moz-transition: all 0.3s ease-in-out;
	/* Firefox */
	-webkit-transition: all 0.3s ease-in-out;
	/* Safari 和 Chrome */
	-o-transition: all 0.3s ease-in-out;
}

.iconopenBox .el-icon-arrow-left {
	font-size: 14px;
}

.iconopenBox .el-icon-arrow-right {
	font-size: 14px;
}

.iconopenBox:after {
	content: '';
	position: absolute;
}

.iconopenBox.active {
	left: 50px;
	transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	/* IE 9 */
	-moz-transition: all 0.3s ease-in-out;
	/* Firefox */
	-webkit-transition: all 0.3s ease-in-out;
	/* Safari 和 Chrome */
	-o-transition: all 0.3s ease-in-out;
}

/*头部*/

.elHeader {
	line-height: 56px;
	background: #fff;
	height: 56px!important;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
    
    background:linear-gradient(90deg,rgba(74,111,248,1),rgba(39,68,197,1));
	box-shadow:0px 0px 36px 2px rgba(29,84,216,0.6);
}

/* .elHeader .call{
	color: #000;
} */

/*消息按钮*/

.elHeader .messageCenterBtn {
	position: relative;
	cursor: pointer;
	margin: 13px 15px 0 20px;
	width: 30px;
	height: 30px;
	display: inline-block;
}

.elHeader .messageCenterBtn img {
	display: block;
}

.elHeader .messageCenterBtn .messageCount {
	color: #fff;
	position: absolute;
	left: 20px;
	background: linear-gradient(-48deg, rgba(251, 48, 67, 1), rgba(253, 103, 131, 1));
	box-shadow: 0px 5px 11px 2px rgba(252, 86, 111, 0.56);
	border-radius: 10px;
	width: auto;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 20px;
	top: -8px;
	cursor: pointer;
	padding: 0 7px;
	font-size: 12px;
}

/*.elHeader .logoimg{width: 250px;margin-top: 15px;padding-left: 15px;}*/

.elHeader .logoimg img {
	display: block;
	margin: 14px 0 0 15px;
	width: 140px;
}

.elHeader .headerImg {
	font-size: 50px;
	margin-right: 10px;
}

.elHeader .messageBtn {
	margin: 23px 28px 0 0;
	background: none;
	border: none;
	border-radius: 0;
	padding: 0;
}

.elHeader .headIco {
	margin: 10px 15px 0 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.elHeader .el-dropdown {
	cursor: pointer;
	color: #fff;
}

.elHeader .el-dropdown .el-icon-caret-bottom:before{
	color: #fff;
}

.elHeader .headerBtn {
	margin: 15px 10px 0 0;
	padding: 0 15px;
	height: 26px;
	line-height: 26px;
	border-radius: 32px;
	font-size: 12pxv;

    background:linear-gradient(-90deg,rgba(61,95,238,1),rgba(94,133,255,1));
	box-shadow:0 0 4px 8px rgba(9, 34, 176, 0.1);
	border-radius:13px;
}

.elHeader .headerBtn img {
	width: 22px;
}

.elHeader .headerBtn1 img {
	width: 16px;
}

.elHeader .headerBtn:hover, .elHeader .headerBtn:focus {
	opacity: 0.9;
}

/*头部点击在线状态悬浮*/

.elHeader .el-menu--popup {
	padding: 0;
}

/*头部下拉*/

.elDropdown {
	color: #5E6C86;
}

/*左侧*/

.elAside {
	position: relative;
	box-shadow: 6px 7px 54px 0px rgba(78, 130, 255, 0.23);
}

.elAside .iconfont {
	margin-right: 5px;
	color: rgb(191, 203, 217)!important;
	font-size: 22px;
}

.elAside .menu .dot {
	width: 4px;
	height: 4px;
	background: none;
	float: left;
	position: absolute;
	left: 30px;
	top: 20px;
	border-radius: 50%;
	border: 1px solid #fff;
}

.elAside .el-menu-item:hover .dot, .elAside .el-menu-item.is-active .dot {
	background: #fff;
	border: 1px solid #fff;
}

/*.elAside .el-menu {border-right: solid 1px #334156;}*/

.elAside .el-menu-vertical-demo {
	height: 100%;
}

.elAside .el-aside {
	color: #333;
}

.elAside .el-menu-vertical-demo:not(.el-menu--collapse) {
	width: 170px;
	height: 100%;
}

.elAside .el-submenu .el-menu-item {
	min-width: 170px;
	color: #fff!important;
	height: 42px;
	line-height: 42px;
	padding-left: 45px!important;
	background:rgba(39,68,197,1)!important;
}

.elAside .el-submenu .el-menu-item:hover, .elAside .el-menu-item.is-active {
	color: #fff!important;
	background:#4062e4!important;
	box-shadow:0px 0px 60px 2px rgba(15,48,195,0.5);
	position: relative;
	z-index: 999;
}

.elAside .el-submenu__title {
	background: none!important;
	font-size: 14px;
	height: 62px;
	line-height: 62px;
}

.el-menu--collapse .el-submenu__title {
	padding: 0!important;
}

.elAside .el-submenu__title img {
	width: 18px;
	padding-left: 15px;
}

.elAside .el-submenu__title span {
	padding-left: 3px;
	color: #fff!important;
}

.elAside .el-submenu__title .fa {
	font-size: 16px;
	top: 23px;
	color: #5E6C86
}

.elAside .el-submenu__title:hover {
	background: none!important;

}

.elAside .el-submenu__title i {
	color: #93aed3;
}

.elAside .el-submenu__icon-arrow {
	font-size: 15px;
	right: 33px;
}

.elAside .el-menu-item-group, .el-menu-item {
	background-color: #3654ce!important;
	padding-left: 40px!important;
}

.elAside .el-menu-item-group .fa, .el-menu-item .fa {
	color: #5E6C86!important;
	position: absolute;
	left: 10px!important;
	top: 24px;
	font-size: 14px;
}

.elAside .fa {
	position: absolute;
	left: 15px;
	top: 21px;
	color: #93aed3;
}

.elAside .el-menu {
	border-right: none;
    background:linear-gradient(180deg,rgba(64,98,228,1),rgba(46,74,191,1))!important;
	/*box-shadow:6px 7px 54px 0px rgba(73,127,255,0.6);*/
	box-shadow:6px 7px 22px 0px rgba(73,127,255,0.5);
}

.elAside .el-menu ul{
	background: none;
	box-shadow: none;
}

/*左侧悬浮菜单*/

.el-menu--vertical {
	top: 60px;
	max-height: 500px;
	overflow-y: auto;
	background: #fff!important;
}

.el-menu--vertical .el-menu--popup-right-start {
	margin-left: 0;
	margin-right: 0;
}

.el-menu--vertical .el-menu--popup {
	padding: 0;
}

/*右侧内容区*/

.elMain {
	padding: 0;
}

.el-container {
	background: #f3f7fe;
	padding-top: 28px;
}

.el-main {
	background: none;
}

/*呼叫中心*/

.callCenterDialog1 .el-dialog__header {
	background-color: #fff;
}

.callCenterDialog .el-dialog__header:before {
	width: 115px;
	height: 77px;
	background: url(../../../images/img_callcenter.png) no-repeat;
	right: 125px;
	background-size: cover;
}

.callCenterDialog1 .el-dialog__header:before {
	width: 102px;
	height: 81px;
	background: url(../../../images/img_form.png) no-repeat;
	right: 125px;
	background-size: 100%;
}

.callCenterDialog .el-dialog__body {
	padding-bottom: 0;
}

.callCenterDialog .el-dialog__footer {
	padding-bottom: 40px;
}

/*主动外呼*/

.callCenterDialog1 .callCenterBtn {
	width: 31px;
	height: 31px;
	background: linear-gradient(-90deg,rgba(51,85,232,1),rgba(94,133,255,1));
	padding: 0;
	border-radius: 50%;
}

.callCenterDialog1 .callCenterBtn:hover {
	opacity: 0.8
}

.callCenterDialog1 .callCenterBtn img {
	width: 17px;
	height: 17px;
	margin: 0 auto;
}

/*通话时长*/

.outboundCallTimeDiv {
	padding-left: 180px;
}

.outboundCallTimeDiv img {
	margin: 2px 10px 0 0;
	float: left;
}

/*退出弹窗*/

.logoutDialog {
	top: 50%;
	margin-top: -110px;
}

.logoutDialog .el-dialog {
	margin: 21px auto 0!important;
}

.logoutDialog .el-dialog__body {
	padding: 20px 20px 20px;
}

.logoutDialog .el-dialog__footer {
	padding: 0 20px 20px;
}

.el-dropdown-menu {
	border: none;
}

.el-button--text{
	background:#fff;
	color:#3A84F4;
	border-radius:50%; 
}
.el-aside{
	overflow: visible;
}
